/****************************************************************************
*created by yang.zheng on 2020-08-18 for mainlayout style file
****************************************************************************/

.main-container {
    .rel-cls();
    padding : 48px 0 0 220px;
    nav {
      .abs-cls();
      width: 100%;
      height: 48px;
      background-color: @c1e;  
      box-shadow: 0 0 10px @c1e;
      z-index: 10;
      header {
          float: left;
          font-size: 26px;
          line-height: 48px;
          color: #fff;
          padding-left: 50px;
          background: url(../images/logo.jpg) 15px center / 25px 25px no-repeat;
      }
      .userinfo {
          float: right;
          line-height: 48px;
          font-size: 16px;
          color: #fff;
          vertical-align: middle;
          span,
          img {
              width: 20px;
              height: 20px;
              margin: 0 8px;
              .handle()
          }
      }
    }
    p {
        font-size: 12px;
        padding-left: 24px;
        color: #34f511;
    }
    aside {
        .abs-cls(@top: 48px);
        width: 220px;
        bottom: 0;
        background: @c1e;
        overflow-x: hidden;
        z-index: 9;
    }
    article {
        .rel-cls();
        padding: 16px;
        background: #f8f8f8;
        z-index: 8;
    }
}